<script>
export default {
    name: "Home",
    data(){
        return {
            toGoodsList:"/goodsList?a=10&b=20&c=30"
        }
    }
}
</script>

<template>
    <div>
        <h3>query</h3>
        <router-link to="/goodsList?a=1&b=2&c=3">商品列表1</router-link>|
        <router-link :to="'/goodsList?a=1&b=2&c=3'">商品列表2</router-link>|
        <router-link :to="toGoodsList">商品列表3</router-link>|
        <router-link :to="{path:'/goodsList?a=1&b=2&c=3'}">商品列表4</router-link>|
        <router-link :to="{path:'/goodsList',query:{a:10,b:20,c:30}}">商品列表5</router-link>|
        <router-link :to="{name:'goods',query:{a:10,b:20,c:{username:'zhangsan',age:200}}}">商品列表6</router-link>|
    </div>
</template>

<style scoped>

</style>